<template>
  <div class="content-bd">
    <div class="content-left">
    	<!--项目经历-->
      <section class="practice">
        <header class="section-hd">
          <span class="section-title-l"></span>
          <h2 class="section-title">项目经历</h2>
          <span class="section-title-r"></span>
        </header>
        <div class="section-bd">

          <!--经历-->
          <div class="item">
            <header class="item-hd">
              <h3 class="item-name">广州粤嵌通信科技股份有限公司(广州)</h3>
              <span class="item-time">2020.08.11 至 2021.03.29</span>
              <a class="btn item-more"
                 href="https://baike.baidu.com/item/%E5%B9%BF%E5%B7%9E%E7%B2%A4%E5%B5%8C%E9%80%9A%E4%BF%A1%E7%A7%91%E6%8A%80%E8%82%A1%E4%BB%BD%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8/441885?fr=aladdin"
                 target="_blank" title="点击查看->广州粤嵌通信科技股份有限公司百科">公司</a>
            </header>
			<!-- <span style="font-weight: bold">高校、企业及个人</span> -->
			  <div class="item-bd">
              <p class="item-des">在粤工作期间，其主要职责如下：
              </p>
              <ul class="section-content">
                <li>负责项目业务需求后台代码的编写,文档编写</li>
                <li>根据产品的需求进行程序的设计，编码，测试</li>
                <li>解决开发过程遇到的bug</li>
                <li>完成上级交代的其他事务</li>
              </ul>
            </div>
			<br>
			
        <ol class="item-project">
			<!--好房网-->
         <li class="project">
			   <h3 class="project-name">
			   <header class="item-hd">
                  <a href="#" style="font-size:18px">好房网</a><br>
				  <a class="btn item-more"
                 href="http://house.dxilx.com"
                 target="_blank" title="点击查看->本人(好房网)项目成果演示">工作</a>
				  <span class="item-time">2020.08 ~ 2021.04</span>
				  </header>
			   </h3>      
             
                
                <ol>
                  <li class="project-2">
                    <div class="item-bd">
                      <h3 class="project-name-2">后台开发(java)</h3>
                      <div class="div-item">
                        <h3 class="project-des">【项目简介】</h3>
                        <p class="item-project-des">
                         好房网集房源信息搜索、产品研发、大数据处理、服务标准建立为一体的以数据驱动的全价值链房产服务平台,目前，好房网线上房源已覆盖北京、上海、广州、深圳、天津、成都、青岛、重庆、大连等36个地区。在房产交易服务领域，好房网旨在通过“链接人与服务”不断提高服务效率、提升服务体验，为用户提供更安全、更便捷、更舒心的综合房产服务，致力于实现推动行业进步，让房屋交易不再难的企业愿景。项目主要采用SpringBoot(后改为SpringCloud)+Mybatis+MySQL+Redis+Maven等框架，包含用户注册、房源搜索、发布、房产资讯、楼盘信息、房源收藏收藏等功能。
                        </p>
                      </div>
                      <div class="div-item">
                        <h3 class="project-des">【工作职责】</h3>
                        <ul class="section-content">
                          <li>参与用户注册,登陆功能的后端代码编写,接收用户的注册信息,采用MD5加密,解决密码安全问题,基于springboot异步框架+starter-mail,实现邮件key的发送功能</li>
                          <li>负责用户个人页面的开发,主要包含个人信息,房产信息,以及房产收藏等功能,基于Spring拦截器实现鉴权业务逻辑, </li>
                    
 					    </ul>
                      </div>
                    </div>
                  </li>
                </ol>
              </li>
			  <!--小米商城-->
			   <li class="project">
                 <h3 class="project-name">
				   <header class="item-hd">
                  <a href="#" style="font-size:18px">仿小米商城</a><br>
				  <a class="btn item-more">学习</a>
				  <span class="item-time">2015.08 ~ 2017.08</span>
				  </header>
			     </h3>   
               
                <ol>
                  <li class="project-2">
                    <div class="item-bd">
                      <h3 class="project-name-2">后台开发(Java)</h3>
                      <div class="div-item">
                        <h3 class="project-des">【项目简介】</h3>
                        <p class="item-project-des">
                          一个小型的 B2C 电子商务平台，功能类似于淘宝,京东,用户可以 在系统中通过搜索商品、查看商品详情、加入购物车、购买商品并生成订单完成购物操作。主要采用SpringBoot+SpringMVC+Mybatis框架
                        </p>
                      </div>
                      <div class="div-item">
                        <h3 class="project-des">【项目成果】</h3>
                        <ul class="section-content">
                          <li>掌握SpringBoot,快速搭建项目框架</li>
                          <li>基于Mybatis逆向工程,快速完成对于商品品牌,规格,分类等业务逻辑的CRUD,引用PageHelper,解决商品展示的分页功能</li>
						            <li>选用minio分布式图片服务器,解决商品,广告图片的映射地址问题</li>
                        </ul>
                      </div>
                    </div>
                  </li>
                </ol>
             </li>
			  
        </ol>
         </div>        
        </div>

      </section>
      
     <!--求职意向--> 
      <section class="project">
        <header class="section-hd">
          <span class="section-title-l"></span>
          <h2 class="section-title">求职意向</h2>
          <span class="section-title-r"></span>
        </header>
        <div class="section-bd">
        	<h2 style="font-weight: bold;line-height: 24px;margin-top: 10px">
              <ul>
                <li>
                  <a >工作性质:</a><p>全职   实习</p>
                </li>
                <li>
                  <a>工作地址:</a><p>广州   佛山</p>
                </li>
                <li>
                  <a>目标职能</a><p>Java开发   Java实习等</p>
                </li>
                 <li>
                  <a>期望薪资:</a><p> 面议</p>
                </li>
              </ul>
              </h2>
        </div>
      </section>


        </div>
    
    <div class="content-right">
    	<!--个人技能-->
      <section class="skill">
        <header class="section-hd">
          <span class="section-title-l"></span>
          <h2 class="section-title">个人技能</h2>
          <span class="section-title-r"></span>
        </header>
        <div class="section-bd">

          <!--技能:WEB后端开发-->
          <div class="item">
            <header class="item-hd">
              <span class="item-time">WEB后端开发</span>
              <a class="btn item-more">掌握</a>
            </header>
            <div class="item-bd">
              <ul class="section-content">
                <li>熟悉使用Java语言开发,有良好编程规范,掌握Java面向对象思想编程</li>
                <li>熟悉MVC开发模式，对常见Spring  SpringMVC Spring boot都能良好应用,理解IOC与AOP特性,了解Spring boot自动配置原理。</li>
                <li>熟悉使用常见ORM框架 Mybatis, 了解SpringData JPA,掌握简单的CRUD操作</li>
                <li>掌握Activiti工作流框架的应用</li>
                <li>熟悉API开发基本流程，熟悉Restful 风格API设计</li>
                <li>了解Spring cloud，正在学习Spring cloud在企业的应用,了解Eureka，ribbon，Zuul，Feign组件</li>
              </ul>
            </div>
          </div>

          <!--React-->
          <div class="item">
            <header class="item-hd">
              <span class="item-time">数据库</span>
              <a class="btn item-more">掌握</a>
            </header>
            <div class="item-bd">
              <ul class="section-content">
                <li>掌握关系型数据库MySQL,掌握常用SQL语句,事务隔离级别</li>
                <li>了解非关系型数据库Redis,掌握常用数据结构,了解持久化策略,淘汰策略,项目中应用计数器,解决短时间内,页面表单多次恶意提交等问题</li>
              </ul>
            </div>
          </div>

          <!--服务器|架构-->
          <div class="item">
            <header class="item-hd">
              <span class="item-time">服务器|架构</span>
              <a class="btn item-more">掌握</a>
            </header>
            <div class="item-bd">
              <ul class="section-content">
                <li>掌握Tomcat、Nginx服务器的使用</li>
                <li>掌握掌握常用软件（MySQL、Redis）在服务器的搭建与使用</li>
                <li>掌握使用Centos(Linux)云服务器并掌握线上环境和应用的部署</li>
                <li>了解Docker容器化部署，编写docker file 生成docker镜像</li>
                <li>掌握Git、HBuilder、Postman、IDEA、Maven等项目开发及管理工具</li>
              </ul>
            </div>
          </div>

          <!--WEB前端开发-->
          <div class="item">
            <header class="item-hd">
              <span class="item-time">WEB前端开发</span>
              <a class="btn item-more">掌握</a>
            </header>
            <div class="item-bd">
              <ul class="section-content">
                <li>了解前端技术HTML、VUE、JS、CSS、Semantic UI,具备简单开发,应用经验</li>
                <li>掌握jQuery基本语法与知识,以及操作相关元素</li>
				<li>掌握Ajax异步交互数据,JSON数据交换格式</li>
              </ul>
            </div>
          </div>


	
			
          <!--独立开发-->
          <div class="item">
		  
            <header class="item-hd">
              <span class="item-time">自我评价</span>
            </header>
			
            <div class="item-bd">
              <ul class="section-content">
                <li>入职以来,对于工作严谨认真,具备良好的逻辑思维</li>
                <li>技术的不断更新迭代让自己一直保持着学习的态度，在GitHub、个人博客分享自己的学习成果</li>
                <li>良好的性格特点，在日常工作协作中与团队融为一体</li>
              </ul>
            </div>
			
          </div>

          <!--其它-->
     
          
          
        </div>
      </section>

      <!--开源项目-->
      <section class="project">
        <header class="section-hd">
          <span class="section-title-l"></span>
          <h2 class="section-title">开源项目</h2>
          <span class="section-title-r"></span>
        </header>
        
        <div class="section-bd">
        	<br>
          以下是我的开源项目与学习总结，细节请点击链接查看文档（其他项目开发中，尚未开源，敬请期待）
          <!--项目:博客-->
          <div class="item">
            <header class="item-hd">博客/Github</header>
            <div class="item-bd">
              <ul>
                <li>
                  <a href="http://www.dxilx.com" target="_blank">个人技术博客</a>
                </li>
                <li>
                  <a href="https://gitee.com/H__xing/" target="_blank">Gitee</a>
                </li>
                <li>
                  <a href="http://www.dxilx.com/musicplay" target="_blank">悦听简单网页播放器</a>
                </li>
              </ul>
            </div>
          </div>

          <!--项目:WEB前端-->
          <div class="item">
            <header class="item-hd">WEB前端</header>
            <div class="item-bd">
              <ul>
                <li>
                  <a href="http://www.dxilx.com/musicplay">悦听简单网页播放器</a>
                  全网音乐搜索与播放APP，可播放酷狗、QQ音乐、网易云等音乐库资源，此项目仅用于简单学习交流
                </li>
              </ul>
            </div>
          </div>
        </div>
      </section>

    

      <!--致谢-->
      <section class="thanks">
        <header class="section-hd">
          <span class="section-title-l"></span>
          <h2 class="section-title">致谢</h2>
          <span class="section-title-r"></span>
        </header>
        <div class="section-bd">
          <!--感谢-->
          <div class="item">
            <h2 style="font-weight: bold;line-height: 24px;margin-top: 10px">
              感谢您在百忙之中阅读这份履历，诚挚的期望能得到面试的机会，希望有荣幸能为公司效力！再次致以我最诚挚的谢意！！</h2>
          </div>
        </div>
      </section>

    </div>
  </div>
</template>

<script>
    import $ from 'jquery'

    export default {
        name: 'Content',
        components: {},
        data() {
            return {
                msg: 'Welcome to Your Vue.js App'
            }
        },
        mounted() {
            $(document).ready(function () {
                if ($('ol:first').css('list-style-type') == 'none') { /* For IE6/7 only. */
                    $('ol ol').each(function (i, ol) {
                        ol = $(ol);
                        var level1 = ol.closest('li').index() + 1;
                        ol.children('li').each(function (i, li) {
                            li = $(li);
                            var level2 = level1 + '.' + (li.index() + 1);
                            li.prepend('<span>' + level2 + '</span>');
                        });
                    });
                }
            });
        }
    }
</script>
